body {
	height: 100%;
	width: 100%;
	background-color: #f3f3f3;
	/* 必须设置内边距外边距为0，要不然主体会和周围有白缝 */
	margin: 0;
	padding: 0;
}
.wrapper {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}
/************************顶部***************************/
.header-wrapper {
	width: 100%;
	height: 13vw;
	z-index: 9999;
}
.search {
	width: 100%;
	height: 13vw;
	z-index: 9999;
	opacity: 0;

	background-color: #ffcf00;
	position: fixed;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.search .search-1 {
	width: 80%;
	font-size: 4vw;
	letter-spacing: 0.5vw;
	color: #7c7c7c;
	background-color: white;
	padding: 1vw 0 1vw 2vw;
	border-radius: 4vw;
	margin-left: 4vw;
}
.search div {
	width: 20%;
	font-size: 4vw;
	display: flex;
	justify-content: left;
	align-items: center;
}
.search .search-2 i {
	margin-left: 11.6vw;
}
.header {
	width: 100%;
	height: 13vw;
	z-index: 9999;

	background-color: #ffcf00;
	position: fixed;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header div {
	width: 20%;
	font-size: 4vw;
	display: flex;
	justify-content: center;
	align-items: center;
}
.header div i {
	margin-left: 3vw;
}
/************************主体***************************/
.main {
	width: 100%;

	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
/********** 最近常买 **********/
.main .recent-order-wrapper {
	width: 100%;
	background: linear-gradient(#ffcf00, #f3f3f3);
	display: flex;
	justify-content: center;
}
.main .recent-order {
	width: 90%;
	padding: 3vw 2vw;
	background-color: white;
	border-radius: 2vw;
}
/****** 第一行 ******/
.main .recent-order .recent-first {
	width: 100%;
	font-size: 4vw;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.main .recent-order .recent-first :first-child {
	font-weight: bold;
}
.main .recent-order .recent-first :last-child {
	font-size: 3.3vw;
	color: #7c7c7c;

}
/****** 第二行 ******/
.main .recent-order .blist {
	display: flex;
	overflow: auto;
	margin-top: 3vw;
}
.main .recent-order .blist div {
	width: 25%;
	margin-right: 3vw;
}
/********** 全部订单 **********/
.main .all-order {
	width: 100%;
}
/****** 顶部 ******/
.main .all-order .order-top-wrapper {
	width: 100%;
	position: relative;
	height: 13vw;
	margin-bottom: 2vw;
}
.main .all-order .order-top {
	width: 94%;
	height: 13vw;
	padding: 0 3vw;
	margin-bottom: 2vw;
	z-index: 9999;
	background-color: #f3f3f3;
	display: flex;
	justify-content: left;
}
.main .all-order .order-top div {
	font-size: 3.5vw;
	color: #7c7c7c;
	width: 30%;
	display: flex;
	justify-content: left;
	align-items: center;
}

.main .all-order .order-top i {
	color: #ffcf00;
	font-size: 4vw;
	margin-left: 1vw;
	visibility: hidden;
}
.main .all-order .order-top .focus {
	color: black;
	display: flex;
	justify-content: left;
	align-items: center;
}
.main .all-order .order-top .focus i {
	visibility: visible;
}
/****** 列表 ******/
.main .all-order .order-wrapper {
	width: 100%;
	background-color: #f3f3f3;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.main .all-order .order-container {
	width: 90%;
	background-color: white;
	padding: 2vw;
	margin-bottom: 2vw;
	border-radius: 2vw;
}
/*** 上部 ***/
.main .all-order .order-container .container-t {
	width: 100%;
	display: flex;
	justify-content: left;
	align-items: center;
}
.main .all-order .order-container .container-t img {
	width: 12.5%;
}
.main .all-order .order-container .container-t .t-right {
	width: 85%;
	margin-left: 2vw;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: start;
}
.main .all-order .order-container .container-t .t-right .right-line1 {
	width: 100%;
	font-size: 3.5vw;
	font-weight: bold;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.main .all-order .order-container .container-t .t-right .right-line1 p {
	margin: 0 0 1vw 0;
}
.main .all-order .order-container .container-t .t-right .right-line1 span {
	font-weight: 0;
	color: #7c7c7c;
}
.main .all-order .order-container .container-t .t-right .right-line2 {
	display: flex;
	justify-content: left;
	align-items: center;
}
.main .all-order .order-container .container-t .t-right .right-line2 div {
	color: red;
	font-size: 3vw;
	border: 1px solid red;
	padding: 0 1vw;
	margin-right: 2vw;
	border-radius: 1vw;
}

/*** 中部 ***/
.main .all-order .order-container .container-m-wrapper {
	width: 100%;
	position: relative;
	margin: 2vw 0 4vw 0;
}
.main .all-order .order-container .container-m {
	width: 100%;
	position: relative;
	margin: 2vw 0 4vw 0;
	display: flex;
	justify-content: left;
	align-items: center;
	overflow: scroll;
}
.main .all-order .order-container .container-m .m-li {
	width: 30%;
	margin-right: 2vw;
}
.main .all-order .order-container .container-m .m-li p {
	font-size: 3.5vw;
	margin: 2vw 0;
}
.main .all-order .order-container .container-m-wrapper .m-mask {
	width: 15%;
	height: 100%;
	position: absolute;
	z-index: 999;
	top: 0;
	right: -5px;
	padding-right: 2vw;
	background: rgba(255, 255, 255, 0.8);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
}
.main .all-order .order-container .container-m .m-mask p {
	font-size: 3vw;
	font-weight: bold;
	margin: 1vw 0;
}
.main .all-order .order-container .container-m .m-mask span {
	font-size: 2.5vw;
	color: #7c7c7c;
}
/*** 下部 ***/
.main .all-order .order-container .container-b {
	width: 100%;
	display: flex;
	justify-content: right;
	align-items: center;

}
.main .all-order .order-container .container-b button {
	padding: 2vw 3vw;
	margin-right: 3vw;
	font-size: 3.2vw;
	font-weight: bold;
	border-radius: 2vw;
	background-color: white;
	border: 1px solid black;

}
/************************底部***************************/
.footer-wrapper {
	width: 100%;
	height: 11vw;
	margin-top: 5vw;
	z-index: 99999;
}
.footer {
	z-index: 99999;
	width: 100%;
	height: 14vw;
	margin-top: 5vw;
	border-top: 1px solid #eeeeee;
	background-color: white;

	position: fixed;
	left: 0;
	bottom: 0;

	display: flex;
	justify-content: space-around;
	align-items: center;
}
.footer div {
	width: 25%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.footer div i {
	border: 1px solid;
	padding: 1vw;
	border-radius: 5vw;
	color: #fafad2;
	background-color: #ffcf00;
}
.footer div span {
	font-size: 3vw;
}
